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Sistemas de Coordenadas 

• Objetos em Computa§ao Grafica possuem describes 
numericas (modelos) que caracterizam suas formas e 
dimensoes. 

• Esses numeros se referem a um sistema de coordenadas, 
normalmente o sistema Cartesiano de coordenadas: x, y e 
z. 

• Em alguns casos, precisamos de mais de um sistema de 
coordenadas: 

- Um sistema local para descrever partes individuals de uma 
maquina, por exemplo, que pode ser montada especificando-se a 
rela§ao de cada sistema local das varias pecas. 

John Dingliana, 2004 
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Transformagoes 

• Em alguns casos, objetos exibem simetrias, de modo 
que apenas parte deles precisa ser descrita, pois o resto 
pode ser construido por reflexao, rotagao e/ou 
translagao do pedago original. 

• Um projetista pode querer visualizar um objeto sob 
varios pontos de vista, rotacionando-o ou movendo 
uma camera virtual. 

• Em animagao, um ou mais objetos podem precisar se 
mover em relagao ao outro, de modo que seus sistemas 
de coordenadas locais devam ser transladados e 
rotacionados ao longo da animagao. 

John Dingliana, 2004 
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Exemplo 1 


• Partes do objeto 
definidas em sistemas 
de coordenadas locais: 


• Objeto “montado” por 
meio de transformagao 
das partes 
constituintes: 
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etc... 




John Dingliana, 2004 




Exemplo 2 

r . r . r f 

5 etapas de uma animagao de um cubo girando 

• A cada quadro da animagao, o objeto e transformado (rotagao, 
nesse caso). 

• O objeto tambem poderia ser transformado pela mudanga de 
tamanho (escalamento), sua forma (deformagao), ou sua 
localizagao (translagao). 

• Outros efeitos de animagao sao obtidos sem alterar o objeto em 
si, mas a forma como ele e visualizado (transformagao window 
to viewport) a cada quadro (por exemplo, um zoom). 

John Dingliana, 2004 
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Transformagoes 

• Ha 2 formas de se enxergar uma transformagao 

- Uma Transformagao de Objeto altera as coordenadas de 
cada ponto de acordo com alguma regra, mantendo o 
sistema de coordenadas inalterado. 

- Uma Transformagao de Coordenadas produz um sistema 
de coordenadas diferente, e entao representa todos os 
pontos originais nesse novo sistema. 

• Cada maneira tern suas vantagem, e sao intimamente 
relacionadas. 

John Dingliana, 2004 
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Classes de Transformagoes 

• Euclidianas / Corpos Rfgidos 

• de Similaridade 

• Lineares 

• Afins 

• Projetivas 
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Transformagoes Euclidianas 


• Preservam distancias 

• Preservam angulos 


Corpos Rigidos / Euclidianas 
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Rotagao 


Identidade 


Translagao 


MIT EECS 6.837, 
Durand and Cutler 


Transformagoes de Similaridade 


• Preservam angulos 


Similaridades 




Escalamento 

Isotropico 
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MIT EECS 6.837, 
Durand and Cutler 


Transformagoes Lineares 



Escalamento Reflexao Shear 


Similaridades 
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Transformagoes Afins 




Perpectiva 
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Perspectiva e um dos fatores 
que da “aparencia 3D” as cenas 


Vista A6rea do Ediffcio 
Cardeal Leme 





Transformagoes 2D 

Coordenadas 
de modelaqem 

■ a ■ Escalamento 

Translagao 
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Escalamento 

Rotagao 

Translagao 
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Coordenadas do mundo 
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Transformagoes 2D 

Coordenadas 


de modelagem 


y 
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x 


Localizagao 
inicial em 
(0, 0) com 
eixos x e y 
alinhados 
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Transformagoes 2D 
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Scale .3, .3 
Rotate -90 
Translate 5, 3 
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Coordenadas 
de modelagem 



x 
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Transformagoes 2D 

Coordenadas 


de modelagem 
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Exemplo em VRML 


The Annotated VRML Reference 
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#VRML V2.0 Utf 8 
DEF T1 Transform { # 

translation □ □ -100 # 

scale 121 # 

children [ 


Parent xform for entire file 
Xlates entire file down Z 
Scales entire file in Y 


DEF T2 Transform { # Default transform at origin 

children Shape { 
geometry Box { } 
appearance Appearance { 

material Material { diffuseColor 1 0 G } 


}}} 

DEF T3 Transform { # Re-centered and rotated 

center -300 
rotation 0 0 1 3.14 
children Shape { 
geometry Cone { } 
appearance Appearance { 

material Material { diffuseColor 010} 


} } } 

DEF T4 Transform { # Scaled (half) and xlated +X 

scale 0.5 0.5 0.5 
translation 300 
children Shape { 

geometry Cylinder {} 
appearance Appearance { 

material Material { diffuseColor 001} 

} } } 


] 

} 


Exemplo em VRML 
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Escalamento 

• Escalar uma coordenada significa multiplicar cada 
um de seus componentes por um valor escalar 

• Escalamento isotropico significa que esse valor 
escalar e o mesmo para todos os componentes 



D. Brogan, 

Alberto Raposo PUC-Rio Univ. of Virginia 
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Escalamento 


• Escalamento nao-isotropico : valores escalares 
diferentes por componente: 



X x 2, 
Y x 0.5 


• Como representor o escalamento na forma de 
matrizes? 

D. Brogan, 
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Escalamento 


• Operasao de escalamento: 


a' 

ax 



- 

/ 

_by_ 

• Na forma matricial: 

a' 


a 

0 " 

X 

D. Brogan, 

Univ. of Virginia 



0 

b 

_y_ 


Matriz de escalamento 
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Rotagao 2D 


John Dingliana, 2004 


Alberto Raposo - PUC-Rio 


Q x = Rcos( 6 + (j>) 

[1] 

Q y = Rsin( 0 + (/>) 

[2] 

P x = R cos ((f>) 

[3] 

P y = R sin {(f>) 

[4] 


cos ( 0+ (/)) = cos ( 6) cos (^)-sin(^) sin(^) 
sin (#+$= sin (6) cos($+cos(0) sin(^) 

[ 1 ] I ) Q x - 7?cos ( 6 ) cos ((/)) - 7?sin ( 0 ) sin ((/>) 

Substituindo de [3] e [4]... 

Q x = P x cos ( 6 ) - Py sin (i 9 ) 
Similarmente, a partir de [2]... 

Q y =P y ws (< 9 ) +R x sin (<9) 
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Transformagoes 2D Basicas 


• Transla5ao: 

- x’ = x + t v 

- y’ = y + t y 

• Escalamento: 

- x’ = X * s x 

- y’ = y * s y 

• Rotagao: 

- x’ = x*cos@ - y *sin© Podem ser combinadas 

- y’ = x*sin® + y *cos© CO m algebra simples 
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Transformagoes 2D Basicas 


Transla§ao: 

- x’ = x + t x 

- y’ = y + t y 

Escalamento: 

- x’ = X * s x 

- y’ = y * s y 

Rotagao: 



- x’ = x*cos© - y*sin® 

- y’ = x*sin© + y*cos© 
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Transformagoes 2D Basicas 


• Transla5ao: 

- x’ = x + t v 

- y’ = y + t y 

• Escalamento: 

- x’ = X * s x 

- y’ = y * s y 

• Rotagao: 

- x’ = x*cos® - y*sin© 

- y’ = x*sin© + y*cos® x’ = X*S x 

y’ = y% 
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Transformagoes 2D Basicas 


• Translagao: 

- x’ = x + t x 

- y’ = y + ty 

• Escalamento: 

- X’ = X * s x 

- y’ = y * s y 

• Rotagao: 

- x’ = x*cos© - y*sin@ 

- y’ = x*sin@ + y*cos@ 


D. Brogan, 

Univ. of Virginia 
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ST 

W_ (x’.y’) 

x’ = (x*s x ) *cos@ - (y*s y ) * sin© 
y’ = (x*s x ) * sin© + (y*s v ) * cos© 
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Transformagoes 2D Basicas 


Translagao: 

- x’ = x + t v 

- y’ = y + V 
Escalamento: 

- x’ = X * s x 

- y’ = y * s y 

Rotagao: 

- x’ = x*cos® - y*sin© 

- y’ = x*sin© + y*cos© 



x’ = ((x*s x )*cos@ - (y*s y )*sin0) + t x 
y’ = ((x*s x )*sin0 + (y*s v )*cos0) + t v 
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Representagao Matricial 


Representar transformasao 2D por uma 


matnz 


a 

c 


b 

d 


• Multiplicar matriz por vetor-coluna 

<^> aplicar transforma 5 ao a um ponto 


jc' 


a 

b 

X 

_/ 


c 

d 

y_ 
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- ax + by 
= cx + dy 

D. Brogan, 

Univ. of Virginia 
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Representagao Matricial 

• Transformagoes sao combinadas por 
multiplicagao de matrizes 




a b 

e 

f 

i 

j 

X 

_/ 


c d 

_g 

h 

k 


_y_ 


Matrizes sao uma forma conveniente e eficiente 
de representar uma sequencia de transformagoes 

D. Brogan, 

Univ. of Virginia 
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Produto de Matrizes 
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Matrizes 2x2 

• Que transformagoes planares podem ser 
representadas com uma matriz 2x2? 
Identidade 2D? 


~x r 


"i 

0“ 


y_ 


0 

1 

_y_ 


Escalemento 2D em torno de (0,0)? 


x - s 


y = s *y 


V" 


1 

* 

o 

1 

X 

_/ 


1 

o 

1 

_y_ 
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Matrizes 2x2 

• Que transformagoes planares podem ser 
representadas com uma matriz 2x2? 


Rotagao 2D em torno de (0,0)? 


x'= cos0*v-sin©* y 
y'= sin ©*;*: + cos 0 * y 



cos© 

-sin© 

X 

sin© 

cos© 

_y_ 
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Matrizes 2x2 


• Que transformagoes planares podem ser 
representadas com uma matriz 2x2? 
Espelhamento 2D em torno de Y? 


x'= —x 

y'=y 




"-1 

0 “ 


_/ 


0 

1 

_Y_ 


Espelhamento 2D em torno de (0,0)? 


x' 


“-1 

0“ 

X 

y'_ 


_o 

-l 

y_ 
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Matrizes 2x2 

• Que transformagoes planares podem ser 
representadas com uma matriz 2x2? 

Translagao 2D? 

x'=x + t r 

x NAO! 

y'=y+t y 
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Coordenadas Homogeneas 

• Como representar uma translayao como 
matriz 3x3? 

x'= X+t x 

y'=y+t y 
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Coordenadas Homogeneas 


•Coordenadas homogeneas 

- representam ~ ^ 

coordenadas em 2 

X 

dimensoes com vetor 3 L 


coord, homogeneas 



• Coordenadas Homogeneas parecem pouco 
intuitivas, mas elas simplificam muito as 
operagoes graficas 
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Coordenadas Homogeneas 

• Como representar uma translayao como 
matriz 3x3? 


x'= X+t x 

i v D. Brogan, 

y y ' 1 y Univ. of Virginia 


Resp: Usando a terceira 
coluna da matriz 
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Translag do = 


~1 

0 

1 

X 

0 

1 


1 

O 

0 

1 


•Exemplo 


Translagao 


•Coordenadas Homogeneas 

* 4 ^ 


a' 


i 

o 

1 

X 


x + t x 

/ 

l 


0 1 t y 

0 0 1 

i 

1 

1 


y+ty 

1 
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P 
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Coordenadas Homogeneas 


• Coloca uma 3a coordenada para cada ponto 3D 

- (x, y, w) representa um ponto em (x/w, y/w) 

- (x, y, 0) representa um ponto no infinito 

- (0, 0, 0) nao e permitido 


Sistema conveniente para 
representar muitas 
transformapoes uteis em 


CG 
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y 

2 - 
1 - 


(2,1,1) or (4,2,2) or (6,3,3) 


+■ 

1 


■+■ 

2 


X 
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Transformagoes 2D Basicas 


• Representa 9 ao em matrizes 3x3 


x' 


"i 

0 

t* 

X 

y' 

= 

0 

1 

ty 

y 

i 


0 

0 

1 

l 


Translagao 


x' 


COS0 

-sin0 

0" 

X 

y 

= 

sin0 

COS0 

0 

y 

i 


0 

0 

1 

l 



Rotagao 
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x' 



0 

0" 

X 

y' 

= 

0 


0 

y 

i 


0 

0 

1 

i 


Escalamento 


x' 


" 1 

sh x 

0" 

X 

y' 

= 

Sk y 

1 

0 

y 

l 


0 

0 

1 

l 


Cisalhamento (Shear) 
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Cisalhamento (Shear) 
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Concatena^ao de Transformagoes 
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Composigao de Matrizes 


• Transforma9oes podem ser combinas pela 
multiplica§ao de matrizes 




f 

"1 

0 

tx 
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X 

/ 
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0 
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ty 
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y 

w' 


V 
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0 
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0 

0 

1 

J 

W 


P’ = T(t x ,t y ) R( 0 ) S(s X! s y ) p 

D. Brogan, 

Alberto Raposo - PUC-Rio Univ. of Virginia 


Composigao de Matrizes 

• Aten9ao: ordem das transforma9oes faz 
diferen9a 

- Multiplica9ao de matrizes nao e comutativa 

p’ = T * R * S * p 

“Global” “Local” 
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Ordem das Transformagoes 

• Ex: rotacionar segmento em 45 graus em 
tomo da extremidade a 

Resultado esperado 



D. Brogan, 

Univ. of Virginia 

Alberto Raposo - PUC-Rio 


Ordem das Transformagoes 


• Erro: aplicar a rotatjao de 45°, R(45), afeta as duas 
extremidades 

- Pode-se tentar fazer a rota§ao e depois retornar o ponto 
a a sua posi§ao original, mas quanto ele precisaria ser 
transladado? 


a 



Como trazer o ponto a de 
volta a posigao original?? 


Errado! 

R(45) 


Correto 

T(-3) R(45) T(3) 


Alberto Raposo - PUC-Rio 


D. Brogan, Univ. of Virginia 


Ordem das Transformagoe 

JS 

• Correto: isolar ponto a dos efeitos 

a 

da rotac^ao 


1. Transladar a linha para colocar a na origem: T (-3) 

i 

a 

2. Rotacionar linha em 45°: R(45) 

y . 

3. Transladar a de volta: T(3) 

¥ * 
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Composigao de Matrizes 

T(3) R(45) T(-3) 


1 

0 

3 

cos(45) 

- sin(45) 

0“ 

1 

0 -3' 

0 

1 

0 

sin(45) 

cos(45) 

0 

0 

1 

0 

0 

0 

1 

0 

0 

1 

0 

0 

1 


A multiplicagao comega da ultima para a primeira transformagao 
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Composigao de Matrizes 

•Depois de ordenar as matrizes corretamente: 

- Multiplica-las 

- Guardar resultado em uma so matriz 

- Usar essa matriz para realizar a transformagao 
composta em cada um dos pontos que definem o 
objeto transformado (vertices, por exemplo) 

> Todos os vertices podem ser transformados 
com uma simples multiplicagao de vetor por 
matriz. 
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Exercicio 2D 


• Considere o triangulo com os seguintes 
vertices em coordenadas 
homogeneas 


9 


7 

2 

C = 

10 

1 


. 1 _ 


- Rotacione o triangulo 
de 90° (sentido anti- 
horario) em relag ao ao 
ponto P = (6,5) 
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Etapas da Solugao 

1 . Definir matriz para transladar o triangulo 
de modo que o centro de rotagao se mova 
para a origem do sistema de coordenadas 

2. Definir matriz para rotacionar o triangulo 

3. Definir matriz para transladar o triangulo 
de volta 

4. Gerar matriz combinada da transformagao 

5. Transformar os vertices do triangulo 

Alberto Raposo - PUC-Rio 


Etapas da Solugao 

1 . Definir matriz para transladar o triangulo 
de modo que o centro de rotagao se mova 
para a origem do sistema de coordenadas 

- Centro de rotagao: P = (6,5) 

- Translagao de -6 unidades em x e -5 unidades 



1 

0 

T x " 


1 

0 

-6 

T1 = 

0 

1 

T y 

= 

0 

1 

-5 


. 0 

0 

l 


_ 0 

0 

1 _ 
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Etapas da Solugao 

2. Definir matriz para rotacionar o triangulo 

• O angulo de rotagao e medido no sentido anti- 
horario: R(+90°) 

• cos(90°) = 0 e sin(90°) = 1 



coscp 

-siutp 

0 


0 

-1 

0 

R = 

sirup 

costp 

0 

= 

1 

0 

0 


. 0 

0 

1 . 


_ 0 

0 

1 _ 
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Etapas da Solusao 


3. Definir matriz para transladar o triangulo 
de volta 

• Translagao de 6 unidades em x e 5 unidades 
em y 

1 o T x 1 1 o 6 

T2 = 0 1 T y = 0 15 

^00 1 J Loo 1 _ 

Alberto Raposo - PUC-Rio 
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Etapas da Solugao 


5. Transformar os vertices do triangulo 


A’ =M ■ A = 


0 -1 11 

1 0 -1 

LOO 1 


B' =M B = 


-1 11 

0 -1 


0*3+(-l)*2+l 1*1 
l*3+0*2+(-l)*l 
0*3+0*2+l*l 

9 
8 
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1 . 
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-1 
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II 

u 

S 

ii 
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0 
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10 
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6 


_ 0 

0 

1 _ 


_ 1 _ 


J. 
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Transformagoes em 3D 

• Mesma ideia que em 2D: 

- Coordenadas homogeneas: (x,y,z,w) 

- Matrizes de trasnformagao 4x4 


jc 1 


a 

b 

c 

d 

X 

y 


e 

f 

g 

h 

y 

z' 


i 

i 

k 

l 

z 

w’ 


m 

n 

o 

. P_ 

w 
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Transformagoes 3D Basicas 


a’ 


1 

0 

0 

0 

A 

/ 


0 

l 

0 

0 

y 

z f 


0 

0 

i 

0 

z 

w 


0 

0 

0 

i 

w 


Identidade 


x r 


'1 

0 

0 


X 

y' 


0 

1 

0 

*, 

y 

z' 


0 

0 

1 

K 

Z 

w 


0 

0 

0 

1 

W 


Translagao 


a' 


" s . 

0 

0 

o' 

X 

y' 


0 

U 

0 

0 

y 

z f 


0 

0 


0 

Z 

w 


_o 

0 

0 

1 

W 


Escalamento 
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Transformagoes 3D Basicas 


a' 


-1 

0 

0 

0 

A 

/ 


0 

l 

0 

0 

y 

z f 


0 

0 

1 

0 

Z 

w 


0 

0 

0 

1 

w 


Espelhamento em torno do 
piano YZ 
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a' 


1 

0 

0 

0 

A 
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0 

-l 

0 

0 
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0 

0 

l 

0 

Z 

w 


0 

0 

0 
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w 


Espelhamento em torno do 
piano XZ 


a' 


1 

0 

0 

0 

A 

/ 


0 

l 

0 

0 

y 

z f 


0 

0 

-1 

0 

Z 

w 


0 

0 

0 

1 

w 


Espelhamento em torno do 
piano XY 





Rota£6es Reversas 

• Como desfazer uma rotac^ao R(0)? 

- Aplicar o inverso da rota 5 ao: R(-0) 

•Construindo R(-0) : 

- cos(-0) = cos(0) 

- sin (-0) = - sin (0) 

cos© 0 sin© Of [cos® 0 -sin© 0 

0 1 0 0 0 1 0 0 

-sin© 0 cos© 0 sin® 0 cos© 0 

0 0 0 lj L 0 0 0 1_ 
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• Assim: 
R(-0) = R T (0) 


35 




Exercicio 3D 

• Encontre as respectivas matrizes de 
transformagao para os seguintes casos 

a) Translagao que leva o ponto p 2 = (a 1? b 1? Cj) para 
o ponto p 2 = (a 2 , b 2 , c 2 ) 

b) Escalamento que leva o ponto pj = (a l9 b 1? Cj) 
para o ponto p 2 = (a 2 , b 2 , c 2 ) 

c) Rotagao em tomo do eixo z que leva o ponto 
p : = (aj, bj, Cj) para o ponto p 2 = (a 2 , b 2 , c 2 ) 

• Qual o angulo dessa rotagao? 
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Solugao 


a) Translagao que leva o ponto pj = (a 1? b 1? Cj) para 
o ponto p 2 = (a 2 , b 2 , c 2 ) 

a ,2 = cii + T x , 62 = bi + T y , C2 = ci + T z . 


=> T x = a-2-a\, T y = 62 — 61, T z = a — Ci. 


Matriz de translagao => 
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1 0 0 02 ~ «1 

0 1 0 b 2 -bi 

0 0 1 c 2 - Ci 

0 0 0 1 




Solugao 


b) Escalamento que leva o ponto pj = (a 1? b 1? Cj) 
para o ponto p 2 = (a 2 , b 2 , c 2 ) 

0*2 d\S X i ^2 biSy, C2 CiS X ' 


S x = 02/fll, Sy = 62/fel, 5 * = C2/CI. 


Matriz de escalamento => 
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0-2/01 0 0 0 

0 62/fei 0 0 

0 0 C 2 /C 1 0 

0 0 0 1 


Solugao 

c) Rotagao em torno do eixo z que leva o ponto 
Pj = (a l5 b 1? Cj) para o ponto p 2 = (a 2 , b 2 , c 2 ) 

Para rotagao em torno de z: 

(I 2 = fti cos 6 — bi sin 0 , b 2 = ai sin 0 + bi cos 0 , C 2 = c x . 

= bidi cos 6 — b\ sin 0 
cl\ b 2 = a\ sin 0 + a\b\ cos 0 

(2) - (1): a x b 2 - M 2 = («? + tf) sin 0 => 
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(1) 

( 2 ) 



Solugao 


c) Rotagao em torno do eixo z que leva o ponto 
Pj = (a 1? b 1? Cj) para o ponto p 2 = (a 2 , b 2 , c 2 ) 


sin 0 = 


fli &2 ~ b 1 a 2 
aj + 


Substituindo em (1) ou (2): 


cos# 


0^2 ~ 

d{ + b\ 


Matriz de rotagao => 
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<1102—6162 0162— 6102 n n 

_2 1 1,2 „2 1 r2 ~ U U 

aia 2 -bi0 2 n n 
«?+ 6 ? a? + 6 ? U U 

0 0 10 

0 0 0 1 


Solugao 

c) Rotagao em torno do eixo z que leva o ponto 
Pj = (a^ b 1? Cj) para o ponto p 2 = (a 2 , b 2 , c 2 ) 

• Qual o angulo dessa rotagao? 


. Q a 1&2 - M2 
sin 0 = — . 


G,j 0,2 — &1&2 
COS0 = ^ — * 

a? + 6? 




_ sin0 alb? — 61 fl2 

=> tan 0 = = —r, 

cost/ aia .2 — O 1 O 2 


=> 0 = tan 1 


aib-i - bi(i 2 
aia 2 — b\b 2 
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yv 

Angulos de Euler 




Notagao: c x = cos( G x ); s x = sin( 6 X ) e assim por diante 
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M. Gattass, PUC-Rio 



/V 

Demo: Angulos de Euler 



http://prt.femuni-hagen.de/lehre/KURSE/PRT001/course_main/nodel0.html 
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